<template>
  <div>
    <!-- 全局注册一个点击实现全屏的组件 -->
    <!-- 添加全屏的图标 -->
    <svg-icon icon-class="fullscreen" @click="screenfull" />
  </div>
</template>

<script>
// 引入全屏组件
import screenfull from 'screenfull'
export default {
  // 全局注册组件
  name: 'Screenfull',
  //   点击全屏图标的时候进行全屏切换
  // 首先判断当前浏览器是否能进行全屏切换功能
  // if(screenfull.)
  methods: {
    screenfull() {
    //   console.log(screenfull)
      if (screenfull.isEnabled) {
        screenfull.toggle()
      } else {
        this.$message.error('当前浏览器无法实现全屏功能')
      }
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
